<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <title>Reservas</title>
        <link href="estilo.css" type="text/css" rel="stylesheet"/>
    </h:head>
    <h:body styleClass="texto">
        <p:growl id="popup" life="3000" showDetail="true"/>
        <br></br>
        <center>
            <h:panelGrid columns="2" cellpadding="6">
                <p:fieldset legend="Reserva General" styleClass="texto">
                    <h:form id="este">
                        <p:growl id="msju" showDetail="true" life="3000"/>
                        <h:panelGrid styleClass="texto" columns="1" style="width: 100%">
                            <p:fieldset legend="Información de la Reserva" styleClass="fields">
                                <h:panelGrid columns="3">
                                    <h:outputLabel value="Codigo:"/>
                                    <p:inputText id="codReserva" value="#{checkInHabitacion.reservaPadre.codigoReserva}"/>
                                    <p:commandButton actionListener="#{checkInHabitacion.consultarReserva()}" ajax="false" update="popup" image="ui-icon ui-icon-search"/>
                                </h:panelGrid>
                                <h:panelGrid columns="2">
                                    <h:outputLabel value="Fecha Realización:"/>
                                    <p:calendar disabled="true" value="#{checkInHabitacion.reservaPadre.fechaRealizacion}"/>
                                    <h:outputLabel value="Descripción:"/>
                                    <h:inputTextarea id="areaDes" disabled="true" value="#{checkInHabitacion.reservaPadre.descripcion}" style="width: 80%; resize: none;"/>
                                </h:panelGrid>
                            </p:fieldset>
                            <br></br>
                            <p:fieldset legend="Información del Solicitante">
                                <h:panelGrid columns="2">
                                    <h:outputLabel value="Cedula:"/>
                                    <p:inputText id="cedSolicitante" readonly="true" value="#{checkInHabitacion.reservaPadre.cliente.cedula}"/>
                                    <h:outputLabel value="Nombre:"/>
                                    <p:inputText readonly="true" value="#{checkInHabitacion.reservaPadre.cliente.nombre}"/>
                                </h:panelGrid>                                   
                            </p:fieldset>
                        </h:panelGrid>
                    </h:form>
                </p:fieldset>
                <h:panelGrid columns="1">
                    <p:fieldset legend="Reserva de Salas">
                        <h:form>
                            <p:dataTable binding="#{checkInSala.tablaReservasCheckables}" value="#{checkInSala.listarReservasCheckables()}" var="resSal" emptyMessage="Esta Reserva no tiene Salas para hoy" paginator="true" rows="3">
                                <p:column >
                                    <f:facet name="header">
                                        Fecha
                                    </f:facet>
                                    #{resSal.fechaProg}
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        # Sala
                                    </f:facet>
                                    #{resSal.sala.numero}
                                </p:column>
                                <p:column >
                                    <f:facet name="header">
                                        Hora Inicio
                                    </f:facet>
                                    #{resSal.horaInicio}
                                </p:column>
                                <p:column>
                                    <p:commandButton actionListener="#{checkInSala.registrarCheckIn()}" ajax="update" update="nosplay" image="ui-icon ui-icon-star"/>
                                </p:column>
                            </p:dataTable>
                        </h:form>
                    </p:fieldset>
                    <p:fieldset legend="Reserva de Habitaciones">
                        <h:form>
                            <p:dataTable id="tablaRH" binding="#{checkInHabitacion.tablaReservasCheckables}" value="#{checkInHabitacion.listarReservasCheckables()}" var="resHab" emptyMessage="Esta Reserva no tiene Habitaciones para hoy" paginator="true" rows="3">
                                <p:column >
                                    <f:facet name="header">
                                        Ingreso
                                    </f:facet>
                                    #{resHab.fechaProgIn}
                                </p:column>
                                <p:column >
                                    <f:facet name="header">
                                        Salida
                                    </f:facet>
                                    #{resHab.fechaProgOut}
                                </p:column>
                                <p:column >
                                    <f:facet name="header">
                                        # Hab
                                    </f:facet>
                                    #{resHab.habitacion.numero}
                                </p:column>
                                <p:column>
                                    <f:facet name="header">
                                        Check
                                    </f:facet>
                                    <p:commandButton title="Registrar Check-In" actionListener="#{checkInHabitacion.registrarCheckIn()}" ajax="update" update="display" image="ui-icon ui-icon-star"/>
                                </p:column>
                            </p:dataTable>
                        </h:form>
                    </p:fieldset>
                </h:panelGrid>
            </h:panelGrid>
        </center>
    </h:body>
</html>